.p_100_130{padding: 100px 0 130px;}

.p_120_80{padding: 120px 0 80px;}

.pt_120{padding-top: 120px;}

.pt_150{padding-top: 150px;}

.p_120_90{padding: 120px 0 90px;}

.p_120_200{padding: 120px 0 200px;}

.product_banner{position: relative;}

.product_banner .pro_con{position: relative;}

.product_banner .img{background: url(../images/pro_ban.jpg) center no-repeat fixed;background-size: cover;}

.product_banner .img img{width: 100%;}

.product_banner .img .pc{opacity: 0;}

.product_banner .txt{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;align-items: center;color: #fff;text-align: center;}

.product_banner .txt .t2{margin-top: 20px;line-height: 30px;}

.product_banner .prodh{position: absolute;left: 0;width: 100%;bottom: 30px;height: 105px;}

.product_banner .prodh .pr_con{height: 105px;position: absolute;left: 0;top: 0;width: 100%;}

.product_banner .prodh .ibox{display: flex;justify-content: space-between;height: 100%;}

.product_banner .prodh .ibox .con_le{display: flex;padding-left: 6.5%;height: 100%;width: 71.875%;background: #074594;}


.product_banner .prodh .ibox .con_re{width: 28.125%;background: #fff;height: 100%;}

.product_banner .prodh .ibox .con_le a{display: flex;align-items: center; color: #fff;margin-right: 60px;height: 100%;position: relative;}

.product_banner .prodh .ibox .con_le a::after{content: "";position: absolute;left: 50%;transform: translateX(-50%);top: 0;background: #fff;height: 2px;width: 0%;transition: all 0.6s;}

.product_banner .prodh .ibox .con_le a:last-child{margin-right: 0;}

.product_banner .prodh .ibox .con_le a:hover::after{width: 100%;}

.product_banner .prodh .ibox .con_le a.act::after{width: 100%;}

.product_banner .prodh .ibox .con_re .res{position: absolute;right: 0;height: 100%;display: flex;align-items: center;padding-right: 50px;}

.product_banner .prodh .ibox .con_re .res .r2{color: #dddddd;margin-left: 10px;}

.product_banner .prodh .ibox .con_re .res .r1{color: #074594;}

.product_banner .prodh.act .pr_con{position: fixed;left: 0;top: 0;}

.maodian{position: absolute;left: 0;top: -80px;width: 100%;height: 1px;}

.maodian2{position: absolute;left: 0;top: -40px;width: 100%;height: 1px;}

.maodian3{position: absolute;left: 0;top: -200px;width: 100%;height: 1px;}

.product1{padding-left: 8.333%;background: #f0f1f2;}

.product1 .con1{margin-bottom: 30px;}

.product1 .con1 .an{width: 135px;height: 60px;position: relative;}

.pro1_prev,.pro1_next{width: 60px;height: 60px;background:#fff url(../images/in2_8.png) center no-repeat;background-size: 100% 100%;border-radius: 100%;margin: 0;top: 0;}

.pro1_prev{left: 0;}

.pro1_next{transform: rotate(180deg);right: 0;}

.pro1_prev:hover,.pro1_next:hover{background:#074594 url(../images/in2_9.png) center no-repeat;background-size: 100% 100%;}

.product1 {margin-top: -230px;}

.product1 .con2{}

.product1 .con2 .swiper-container{padding-bottom: 20px;}

.product1 .con2 .ss{position: relative;cursor: pointer;}

.product1 .con2 .ss::after{width: 0%;height: 6px;position: absolute;left: 50%;transform: translateX(-50%);bottom: 0;background: #0875ff;content: "";transition: all 0.6s;}

.product1 .con2 .img {overflow: hidden;}

.product1 .con2 .img img{width: 100%;transition: all 0.6s;}

.product1 .con2 .txt{position: absolute;width: 100%;height:100%;bottom: 0;left: 0;z-index: 1;color: #fff;bottom: 0px;}

.product1 .con2 .txt .ts{position: absolute;width: 100%;padding: 0 40px;bottom: 30px;}

.product1 .con2 .txt .t1{margin-bottom: 10px;width: 60px;}

.product1 .con2 .ss:hover .txt{}

.product1 .con2  .swiper-slide-active .ss .txt{background: repeating-linear-gradient(to bottom,#00000000,#07459499);}

.product1 .con2  .swiper-slide-active .ss{box-shadow: 0 5px 8px 3px #07459450;}

.product1 .con2  .swiper-slide-active .ss::after{width: 100%;}

.product1 .con2  .swiper-slide .ss:hover::after{width: 100%;}

.product1 .con2  .swiper-slide .ss:hover .img img{transform: scale(1.05);transition: all 0.6s;}

.product2{background: #f0f1f2;}

.product2 .con1{color: #074594;}

.product2 .con1 .c2{margin-top: 20px;}

.product2 .con1 .c3{width: 100%;margin: 50px 0 30px;border-bottom: 1px solid #074594;}

.product2 .con2{}

.product2 .con2 .ul{display: flex;flex-wrap: wrap;}

.product2 .con2 .ul .li{width: 24.4195%;margin-right: 0.774%;margin-bottom: 10px;}

.product2 .con2 .ul .li:nth-child(4n){margin-right: 0;}

.product2 .con2 .li{display: block;border-radius: 8px;overflow: hidden;}

.product2 .con2  .img{overflow: hidden;background: #fbfbfb;}

.product2 .con2  .img img{width: 100%;}

.product2 .con2   .txt{background: #fff;padding: 40px 35px 65px;line-height: 30px;}

.product2 .con2 .li:hover .img img{transform: scale(1.05);}

.product2 .con2 .li:hover .txt .t{color: #074594;}

.partner1{position: relative;}

.partner1 .par1_con{position: relative;}

.partner1 .img{position: absolute;left: 0;top: 0;width: 100%;opacity: 0.2;height: 100%;}

.partner1 .img video{width: 100%;height: 100%;object-fit: cover;}

.partner1 .txt{position: relative;z-index: 1;}

.partner1 .txt .con1{text-align: center;color: #074594;margin-bottom: 50px;}

.partner1 .txt .con1 .c1{margin-bottom: 25px;}

.partner1 .txt .con2{}

.partner1 .txt .con2 .ul{display: flex;flex-wrap: wrap;}

.partner1 .txt .con2 .ul .li{width: 23.575%;margin-right: 1.9%;border: 1px solid #eeeeee;border-radius: 8px;overflow: hidden;margin-bottom: 30px;}

.partner1 .txt .con2 .ul .li:nth-child(4n){margin-right: 0;}

.partner1 .txt .con2 .ul .li:hover img{transform: scale(1.05);}


.joins{background: url(../images/join1.jpg) top no-repeat;background-size: 100%;}

.join1 {position: relative;}

.join1 .con1{text-align: center;color: #074594;margin-bottom: 50px;}

.join1 .con1 .c1{margin-bottom: 25px;}

.join1 .con2{}

.join1 .con2 .swiper-slide{height: auto;}

.join1 .con2 .ss{text-align: center;background: #fff;padding: 60px 30px 65px;border: 1px solid #eeeeee;border-radius: 8px;overflow: hidden;height: 100%;}

.join1 .con2 .ss .s1{width: 195px;height: 195px;position: relative;margin: 25px auto;border: 1px solid #074594;border-radius: 100%;display: flex;align-items: center;justify-content: center;}

.join1 .con2 .ss .s1 img:last-child{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);opacity: 0;}

.join1 .con2 .ss .s2 {width: 25px;position: relative;margin: 0 auto;}

.join1 .con2 .ss .s2 img{width: 100%;}

.join1 .con2 .ss .s2 img:last-child{position: absolute;left: 0;top: 0;width: 100%;opacity: 0;}

.join1 .con2 .ss .s3{padding:25px 0 30px;border-bottom: 1px solid #ddd;}

.join1 .con2 .ss .s4{line-height: 24px;color: #999999;padding-top: 25px;}

.join1 .con2 .ss:hover{background: #074594;}

.join1 .con2 .ss:hover .s1 img:last-child{opacity: 1;}

.join1 .con2 .ss:hover .s1 img:first-child{opacity: 0;}

.join1 .con2 .ss:hover .s1{border: 1px solid #fff;}

.join1 .con2 .ss:hover .s3{color: #fff;}

.join1 .con2 .ss:hover .s4{color: #fff;}

.join1 .con2 .ss:hover .s2 img:last-child{opacity: 1;}

.join1 .con2 .ss:hover .s2 img:first-child{opacity: 0;}


.join2{position: relative;}

.join2 .con1{text-align: center;color: #074594;margin-bottom: 90px;}

.join2 .con1 .c1{margin-bottom: 30px;}

.join2 .con2{display: flex;justify-content: center;width: 1230px;margin: 0 auto;position: relative;}

.join2 .con2 .c2{width: 550px;}

.join2 .con2 .c2 .i{ animation: join2dh1 4s infinite linear alternate;}

.join2 .con2 .c2 img{width: 100%;transform: translateX(30px);border-radius: 5px;overflow: hidden;}

.join2 .con2 .c1{position: absolute;width: 415px;height: 510px;left: 0;top: 50%;transform: translateY(-50%);z-index: 1;}

.join2 .con2 .c1 .txt{background: #e2eff7;border-radius: 5px;width: 100%;height: 100%;padding: 30px 25px 30px 30px;display: flex;align-items: center;position: relative;color: #404040;}

.join2 .con2 .c1 .txt .t3{line-height: 60px;}

.join2 .con2 .c1 .txt .t2{width: 40px;height: 4px;background: #074594;margin: 30px 0;}

.join2 .con2 .c1  .dou{position: absolute;font-size: 215px;top: -50px;left: -70px;color: #074594 ;}

.join2 .con2 .c3{position: absolute;width: 260px;right: 100px;bottom: 60px;border-radius: 5px;overflow: hidden;z-index: 1;}


.join2 .con2 .c4{width: 125px;height: 125px;position: absolute;right: 45px;bottom: 30px;}

.join2 .con2 .c4 .i{background: repeating-linear-gradient(to bottom,#155eba,#094898);border-radius: 100%;width: 100%;height: 100%;animation: jon2dh2 3s infinite linear alternate;}


@keyframes join2dh1 {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(30px);
    }
    100% {
        transform: translate(0);
    }
}

@keyframes jon2dh2 {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-20px);
    }
    100% {
        transform: translate(0);
    }
}



.join3{position: relative;}

.join3 .con1{text-align: center;color: #074594;margin-bottom: 50px;}

.join3 .con1 .c1{margin-bottom: 30px;}

.join3 .con2{position: relative;}

.join3 .con2 .an{width: 130px;height: 60px;position: relative;margin-bottom: 30px;}

.join3 .con2 .c1 img{ width: 100%;}

.join3 .con2 .cs{position: absolute;width: 100%;bottom: -30px;}

.join3 .con2 .cs .ss{background: #063d85;border-radius: 10px 10px 0 0;padding: 35px 35px 40px;color: #fff;cursor: pointer;}

.join3 .con2 .cs .ss .s1{  overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}

.join3 .con2 .cs .ss .s2{display: flex;align-items: center;margin-top: 12px;}

.join3 .con2 .cs .ss .s2 .i{margin-left: 10px;}

.join3 .con2 .cs .swiper-slide-active .ss .i{transform: rotate(90deg);}

.join3 .con2 .cs .swiper-slide-active .ss {background: #074594;}

.join3 .con2 .cs .swiper-slide:hover .ss {background: #074594;}

.join3 .con3{margin-top: 130px;}

.join3 .con3 .ss{display: none;}

.join3 .con3 .ss .s2{display: flex;align-items: center;margin: 20px 0 30px;color: #999999;}

.join3 .con3 .ss .s2 img{margin-right: 10px;}

.join3 .con3 .ss .s3{background: #ececec;height: 2px;width: 100%;}

.join3 .con3 .ss .s4{padding-top: 50px;line-height: 30px;border-bottom: 1px solid #ececec;padding-bottom: 45px;display: flex;justify-content: space-between;}

.join3 .con3 .ss .s4 .l1{margin-bottom: 15px;}

.join3 .con3 .ss .s4 .sl{width: 50%;padding-right: 20px;}

.join3 .con3 .ss.act{display: block;}

.join4{position: relative;}

.join4 .jo4_con{}

.join4 .jo4_con .ul{display: flex;justify-content: space-between;padding: 0 60px;height: 80px;background: #074594;border-radius: 10px;align-items: center;}

.join4 .jo4_con .ul .li2{height: 25px;width: 2px;background: #fff;}

.join4 .jo4_con .ul .li{display: flex;align-items: center;}

.join4 .jo4_con .ul .li a{display: block;color: #fff;}

.join4 .jo4_con .ul .li  .i{margin-right: 10px;}

.join4 .jo4_con .ul .li:hover a{color: rgba(255, 255, 255, 0.8);}

.join4 .jo4_con .con{text-align: center;color: #40404080;margin-top: 20px;}

.join4{padding-bottom: 160px;}

.serr_ban{position: absolute;width: 100%;bottom: 50px;height: 90px;}

.serr_ban .ser_con{display: flex;justify-content: space-between;height: 100%;}

.serr_ban .ser_con .con_le{display: flex;align-items: center;background: #fff;height: 100%;width: calc(100% - 215px);padding-left: 45px;justify-content: space-between;}

.serr_ban .ser_con .con_le .le2{height: 100%;width: calc(100% - 90px);}

.serr_ban .ser_con .con_le input{width: 100%;height: 100%;border: 0;outline: none;background: none;font-size: 18px;padding-right: 10px;}

.serr_ban .ser_con .con_re{width: 215px;height: 100%;background: #074594;}

.serr_ban .ser_con .con_re a{display: flex;align-items: center;height: 100%;width: 100%;justify-content: center;}

.serr_ban .ser_con .con_re .i{width: 20px;height: 20px;position: relative;margin-right: 20px;}

.serr_ban .ser_con .con_re  span{color: #fff;}

.serr_ban .ser_con .con_re .i img:last-child{position: absolute;left: 0;top: 0;opacity: 0;}

.serr_ban .ser_con .con_re:hover{background: #063d85;}


.search{}


.search .con1{display: flex;padding-bottom: 50px ;border-bottom: 2px solid #404040;}

.search .con1 a{color: #404040;}

.search .con1 a.act{color: #074594;}

.search .con1 a:hover{color: #074594;}

.search2{padding-bottom: 170px;}

.search2 .li {border-bottom: 1px solid #ececec;}

.search2 .li a{display: block;padding: 50px 0 25px;transition: all 0.6s;}

.search2 .li:hover a{transform: translateY(-10px);transition: all 0.6s;}

.search2 .li a .a1{color: #074594;}

.search2 .li a .a2{margin: 30px 0 15px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.search2 .li a .a3{line-height: 26px;color: #acacac; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;  overflow: hidden;}

.search2 .li a:hover .a2{color: #074594;}


.ser_pro{background: #fff;padding: 50px 0 170px;}


.about1{position: relative;}

.about1 .con1{text-align: center;color: #074594;margin-bottom: 40px;}

.about1 .con1 .c1{margin-bottom: 20px;}

.about1 .con2{line-height: 30px;margin-bottom: 45px;text-align: justify;}

.about1 .con2 p{margin-bottom: 15px;display: block;}

.about1 .con2 p:last-child{margin-bottom: 0;}

.about1 .con3{position: relative;}

.about1 .con3 .ss{}

.about1 .con3 .ss img{width: 100%;}

.about1 .con3 .an{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;align-items: center;}

.about1 .con3 .an .ibox{height: 60px;}

.about2{position: relative;background: #f7f7f7;}

.about2 .con1{text-align: center;color: #074594;margin-bottom: 50px;}

.about2 .con1 .c1{margin-bottom: 20px;}

.about2 .con2{display: flex;position: relative;justify-content: space-between;}

.about2 .con2 .con_le{width: 64.375%;}

.about2 .con2 .con_re{background: #074594;width: 64.375%;position: absolute;top: 70px;height: calc(100% - 50px);right: 0;z-index: 2;border-radius:0 50px 0 50px;}

.about2 .con2 .con_le .ss{height: 560px;background: #fff;border-radius:0 50px 0 50px;position: relative;opacity: 0;transition: all 0.6s;}

.about2 .con2 .con_le .ss .sc{width: 570px;padding: 170px 70px 0;}

.about2 .con2 .con_le .ss .sc .s1{color: #074594;}

.about2 .con2 .con_le .ss .sc .s2{color: #074594;margin: 20px 0 30px;}

.about2 .con2 .con_le .ss .sc .s3{line-height: 30px;color: #333333;max-height: 120px;overflow-y: auto;}

.about2 .con2 .con_le .ss .sc .s3::-webkit-scrollbar{ width:4px;height: 1px;}

.about2 .con2 .con_le .ss .sc .s3::-webkit-scrollbar-thumb{ background:#074594;}

.about2 .con2 .con_le .ss .sc .s3::-webkit-scrollbar-track{ background: #07459450;} 

.about2 .con2 .con_le .swiper-slide{padding-bottom: 50px;}

.about2 .con2 .con_le .ss .sc .s4{font-size: 118px;position: absolute;bottom: -30px;}

.about2 .con2 .con_le .ss .sc .s4 .p1{position: absolute;left: 35px;top: -40px;color: #fff;text-stroke: 1px #074594;-webkit-text-stroke: 1px #074594;}

.about2 .con2 .con_le .ss .sc .s4 .p2{color: #074594;position: relative;z-index: 1;}

.about2 .con2 .con_le .swiper-slide-active .ss{opacity: 1;transition: all 0.6s;}

.about2 .con2 .con_re  .swiper-container{height: 100%;}

.about2 .con2 .con_re .swiper-slide {height: auto;}

.about2 .con2 .con_re .ss{padding: 80px 50px 50px 100px;display: flex;justify-content: space-between;height: 100%;opacity: 0;transition: all 0.6s;}

.about2 .con2 .con_re .ss .sl{color: #fff;width: 45%;}

.about2 .con2 .con_re .ss .sl .s2{margin: 20px 0 3px;}

.about2 .con2 .con_re .ss .sl .s3{line-height: 30px;max-height: 150px;overflow-y: auto;}

.about2 .con2 .con_re .ss .sl .s3::-webkit-scrollbar{ width:4px;height: 1px;}

.about2 .con2 .con_re .ss .sl .s3::-webkit-scrollbar-thumb{ background:#fff;}

.about2 .con2 .con_re .ss .sl .s3::-webkit-scrollbar-track{ background: rgba(255, 255, 255, 0.5);} 

.about2 .con2 .con_re .ss .sr{width: 46.5%;}

.about2 .con2 .con_re .ss .s4{position: absolute;bottom: 50px;color: #fff;font-size: 140px;display: flex;}

.about2 .con2 .con_re .ss .s4 .d{position: relative;transform: translateY(50px);opacity: 0;transition: all 0.6s;}

.about2 .con2 .con_re .swiper-slide-active .ss .s4 .d1{transition-delay: 0.1s;}
.about2 .con2 .con_re .swiper-slide-active .ss .s4 .d2{transition-delay: 0.2s;}
.about2 .con2 .con_re .swiper-slide-active .ss .s4 .d3{transition-delay: 0.3s;}
.about2 .con2 .con_re .swiper-slide-active .ss .s4 .d4{transition-delay: 0.4s;}
.about2 .con2 .con_re .swiper-slide-active .ss .s4 .sp{transition-delay: 0.5s;}

.about2 .con2 .con_re .swiper-slide-active .ss .s4 .d5{transition-delay: 0.6s;}
.about2 .con2 .con_re .swiper-slide-active .ss .s4 .d6{transition-delay: 0.7s;}
.about2 .con2 .con_re .swiper-slide-active .ss .s4 .d7{transition-delay: 0.8s;}
.about2 .con2 .con_re .swiper-slide-active .ss .s4 .d8{transition-delay: 0.9s;}

.about2 .con2 .con_re .swiper-slide-active .ss .s4 .d{transform: translateY(0);opacity: 1;}


.about2 .con2 .con_le .ss .sc .s4 .p2 {}

.about2 .con2 .con_le .ss .sc .s4 p{display: flex;}

.about2 .con2 .con_le .ss .sc .s4 span{display: inline-block;transform: translateY(50px);opacity: 0;transition: all 0.6s;}

.about2 .con2 .con_le .swiper-slide-active .ss .sc .s4 span{transform: translateY(0);opacity: 1;}


.about2 .con2 .con_le .swiper-slide-active .ss .sc .s4 span.sp1{transition-delay: 0.1s;}
.about2 .con2 .con_le .swiper-slide-active .ss .sc .s4 span.sp2{transition-delay: 0.2s;}
.about2 .con2 .con_le .swiper-slide-active .ss .sc .s4 span.sp3{transition-delay: 0.3s;}
.about2 .con2 .con_le .swiper-slide-active .ss .sc .s4 span.sp4{transition-delay: 0.4s;}

.about2 .con2 .con_le .ss .sc .s4 .p2 {}

.about2 .con2 .con_le .ss .sc .s4 .p2 {}






.about2 .con2 .con_re .ss .s4 span{font-size: 160px;display: block;margin: 0 40px;}

.about2 .con2 .con_re .ss .s4  p{display: block;}

.about2 .con2 .an{position: absolute;right: 0;top: 0;width: 130px;height: 60px;}

.about2 .con2 .con_re .swiper-slide-active .ss{opacity: 1;transition: all 0.6s;}

.about2 .con2 .an .pro1_prev,.about2 .con2 .an .pro1_next{border: 1px solid #074594;background: url(../images/in2_8.png) center no-repeat;}

.about2 .con2 .an .pro1_prev:hover,.about2 .con2 .an .pro1_next:hover{border: 1px solid #074594;background:#074594 url(../images/in2_9.png) center no-repeat;}

.about3{background: url(../images/ab3.jpg) center no-repeat fixed;background-size: cover;position: relative;}

.about3 .con1{text-align: center;color: #fff;margin-bottom: 45px;}

.about3 .con1 .c1{margin-bottom: 20px;}

.about3 .con2{text-align: center;color: #fff;line-height: 30px;margin-bottom: 55px;}

.about3 .con3 .ss{}

.about3 .con3 .ss img{width: 100%;}

.about4{position: relative;}

.about4 .con1{text-align: center;color: #074594;margin-bottom: 50px;}

.about4 .con1 .c1{margin-bottom: 20px;}

.about4 .con2{display: flex;padding-left: 65px;justify-content: space-between;position: relative;}

.about4 .con2 .con_le{width: 73.7%;}

.about4 .con2 .con_le .txt{position: absolute;background: #074594;color: #fff;left: 0;height: 450px;width: 130px;display: flex;align-items: center;justify-content: center;top: 50%;transform: translateY(-50%);line-height: 45px;text-align: center;white-space: pre-wrap;}

.about4 .con2 .con_re{width: 26%;background: #074594;position: relative;}

.about4 .con2 .con_re .re{position: absolute;width: 100%;height: 100%;background: #074594;padding:30px 35px 40px 35px ;}

.about4 .con2 .con_re .ul{height: 100%;overflow-y: auto;padding-right: 17px;}

.about4 .con2 .con_re .ul::-webkit-scrollbar{ width:4px;height: 4px;}

.about4 .con2 .con_re .ul::-webkit-scrollbar-thumb{ background:#fff url(../images/ab4_5.png) center no-repeat;border-radius: 10px;}

.about4 .con2 .con_re .ul::-webkit-scrollbar-track{ background:rgba(255, 255, 255, 0.2);}

.about4 .con2 .con_re .ul .li{height: 31%;margin-bottom: 6%;position: relative;cursor: pointer;overflow: hidden;}

.about4 .con2 .con_re .ul .li:last-child{margin-bottom: 0;}

.about4 .con2 .con_re .ul .li::after{content: "";position: absolute;width: 100%;height: 100%;left: 0;top: 0;border: 4px solid #fff;z-index: 2;transition: all 0.6s;opacity: 0;}

.about4 .con2 .con_re .ul .li s{position: absolute;width: 110%;height: 110%;background: url(../images/ab4_4.png) center no-repeat;background-size: 100% 100%;z-index: 1;top: -5%;left: -5%;transition: all 0.6s;}

.about4 .con2 .con_re .ul .li img{height: 100%;}

.about4 .con2 .con_re .ul .li.act::after{opacity: 1;transition: all 0.6s;}

.about4 .con2 .con_re .ul .li.act s{opacity: 0;transition: all 0.6s;}

.about4 .con2 .con_re .ul .li:hover img{transform: scale(1.05);}

.about5{position: relative;background: url(../images/ab5_1.jpg) top no-repeat;background-size: 100%; }

.about5 .con1{text-align: center;color: #074594;}

.about5 .con1 .c1{margin-bottom: 20px;}

.about5 .con2{display: flex;margin: 75px 0 ;}

.about5 .con2 .con_le{width: 50%;text-align: right;padding-right: 70px;border-right: 2px solid #074594;}

.about5 .con2 .con_re{width: 50%;text-align: left;padding-left: 70px;}

.about5 .con2 span{cursor: pointer;display: inline-block;}

.about5 .con2 .cs.act span{color: #074594;}

.about5 .con3{height: 57vh;position: relative;}

.about5 .con3 .swiper-container{padding-top: 20px;transform: translateX(0%);overflow: inherit;position: absolute;width: 100%;height: 100%;bottom: 0;}

.about5 .con3 .swiper-slide{width: 15%;height: auto;transition: all 0.6s;}

.about5 .con3 .swiper-slide .img {height: 100%;position: relative;}


.about5 .con3 .swiper-slide .img  img:last-child{position: absolute;bottom: 1.5%;left: 0;width: 100%;}

.about5 .con3 .swiper-slide .img img{width: 100%;}

.about5 .con3 .swiper-slide-active{width: 17.3%;transition: all 0.6s;}

.about5 .con3 .swiper-slide-active .img img:last-child{bottom: 0;}

.about6{position: relative;background: #f7f7f7;}

.about6 .ab6_con{position: relative;}

.about6 .con1{display: flex;justify-content: space-between;height: 100%;}

.about6 .con1 .con_le{width: 50%;}

.about6 .con1 .con_re{width: 50%;background: #074594;height: 100%;}

.about6 .con1 .con_re img{width: 100%;}

.about6 .con1 .con_re .re2{}


.about6 .con{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}

.about6 .con .con_le{width: 50%;padding-right: 90px;text-align: justify;}

.about6 .con .con_re{width: 50%;height: 100%;}

.about6 .con .con_le .le1{color: #074594;}

.about6 .con .con_le .le2{color: #074594;margin: 20px 0 95px;}

.about6 .con .con_le .le3 .ul .li{display: flex;align-items: center;margin-bottom: 42px;}

.about6 .con .con_le .le3 .ul .li:last-child{margin-bottom: 0;}

.about6 .con .con_le .le3 .ul .li .ll{width: 125px;margin-right: 45px;}

.about6 .con .con_le .le3 .ul .li .lr{width: calc(100% - 170px);}

.about6 .con .con_le .le3 .ul .li .lr .r1{margin-bottom: 7px;}

.about6 .con .con_le .le3 .ul .li .lr .r2{line-height: 30px;}

.about6 .con .cs{display: flex;align-items: center;height: 100%;}

.about6 .con .con_re .re1{height: 47.2%;position: relative;}

.about6 .con .con_re .re1 .rs{display: flex;left: 110px;bottom: 30px;position: absolute;}

.about6 .con .con_re .re1 .r{width: 90px;height: 90px;color: #fff;border-radius: 100%;background: #6692c8;display: flex;align-items: center;justify-content: center;margin-right: 30px;}

.about6 .con .con_re .re1 .r:last-child{margin-right: 0;}

.about6 .con .con_re .re2{height: 52.8%;padding-left: 110px;display: flex;align-items: center;color: #fff;}

.about6 .con .con_re .re2 .li{margin-bottom: 20px;}

.about6 .con .con_re .re2 .li:last-child{margin-bottom: 0;}

.about6 .con .con_re .re2 .li .l1{line-height: 26px;margin-bottom: 10px;}

.about6 .con .con_re .re2 .li .l2{line-height: 20px;color: rgba(255, 255, 255, 0.3);}

.about7{position: relative;}

.about7 .con1{text-align: center;color: #074594;}

.about7 .con1 .c1{margin-bottom: 20px;}

.about7 .con2{margin: 40px 0 30px;text-align: center;position: relative;line-height: 30px;}

.about7 .con2 .c{padding: 0 180px;}

.about7 .con2 .ts{position: absolute;right: 55px;top: 0;}

.about7 .con2 .ts p{display:flex;align-items: center; position: relative;text-align: left;}

.about7 .con2 .ts p s{display: inline-block;width: 17px;height: 17px;border-radius: 100%;background: #13d8ca;margin-right: 10px;}

.about7 .con2 .ts p.p2 s{background: #0097fc;}

.about7 .con3{position: relative;}

.about7 .con3 .ul .li{display: flex;align-items: center;justify-content: space-between;height: 40px;}

.about7 .con3 .ul .li .l1{width: 65px;text-align: right;}

.about7 .con3 .ul .li .l2{width: calc(100% - 105px);background: url(../images/ab7_1.png); height: 1px;background-size: 14px 1px;}

.about7 .con3 .txt{position: absolute;width: calc(100% - 105px);height: calc(100% - 40px);right: 0;top: 20px;display: flex;}

.about7 .con3 .txt .ts{height: 100%;flex: 1;position: relative;}

.about7 .con3 .txt .ts .s1{display: flex;justify-content: center;height: 100%;}

.about7 .con3 .txt .ts .s2{text-align: center;position: absolute;left: 0;bottom: -55px;width: 100%;color: #333333;}

.about7 .con3 .txt .ts .s1 .p{width: 60px;margin-right: 10px;text-align: center;color: #fff;position: relative;height: 100%;}

.about7 .con3 .txt .ts .s1 .p .sp1{display: block;position: absolute;bottom: 0;width: 100%;border-radius: 5px 5px 0 0;padding-top: 10px;transition: all 1s;height: 0%;}

.about7 .con3 .txt .ts .s1 .p .sp2{display: block;position: absolute;bottom: 0;width: 100%;border-radius: 5px 5px 0 0;padding-top: 10px;transition: all 1s;height: 0%;}


.about7 .con3 .txt .ts .s1 p:last-child{margin-right: 0;}

.about7 .con3 .txt .ts .s1 .p1 .sp1{background: #13d8ca;}

.about7 .con3 .txt .ts .s1 .p2 .sp2{background: #0097fc;}











@media screen and (max-width:1800px) {
    /* .product_banner .prodh .ibox .con_le{padding-left: 60px;} */

    .about2 .con2 .con_re .ss .s4{font-size: 120px;}

    .about2 .con2 .con_re .ss .s4 span{font-size: 140px;}

    .about2 .con2 .con_le .ss{height: 520px;}

    .about2 .con2 .con_le .ss .sc{padding: 120px 70px 0;}

    .about2 .con2 .con_re .ss{padding: 80px 50px 50px 80px;}

    .about2 .con2 .con_re .ss .sr{width: 50%;}

    .about2 .con2 .con_re .ss .sr img{width: 100%;}

    .about2 .con2 .con_re .ss .sl .s2{margin: 20px 0 30px;}

    .about2 .con2 .con_le .ss .sc{width: 500px;}

    .about2 .con2 .con_re .ss .sl .s3{max-height: 120px;}
}



@media screen and (max-width:1680px) {
    .p_120_90{padding: 100px 0 70px;}

    .p_120_200{padding: 100px 0 150px;}

    .pt_120{padding-top: 100px;}

    .pt_150{padding-top: 130px}

    .p_120_80{padding: 100px 0 70px;}

    .p_100_130{padding: 80px 0 100px;}

    .search2{padding-bottom: 140px;}

    /* .product_banner .prodh .ibox .con_le{padding-left: 60px;} */

    .about2 .con2 .con_re .ss .s4{font-size: 105px;}

    .about2 .con2 .con_re .ss .s4 span{font-size: 120px;}

    .about2 .con2 .con_re .ss .s4{bottom: 20px;}

    .about2 .con2 .con_le .ss{height: 480px;}

    /* .product_banner .prodh .ibox .con_le a{margin-right: 45px;} */

    .about6 .con .con_le .le3 .ul .li .ll{width: 100px;}

    .about6 .con .con_re .re2{padding-left: 80px;}

    .about6 .con .con_re .re1 .rs{left: 80px;}

    .about6 .con .con_le .le2{margin: 20px 0 60px;}

    .about4 .con2 .con_le .txt{height: 400px;}

    .about5 .con2{margin: 50px 0;}

    .join1 .con2 .ss .s1{width: 150px;height: 150px;}

    .join1 .con2 .ss{padding: 40px 30px;}

    .join4{padding-bottom: 140px;}

    .partner1 .txt .con2 .ul .li{margin-bottom: 25px;}

    .product2 .con2 .txt{padding: 30px 30px 40px;}

    .ser_pro{padding: 50px 0 130px;}

    /* .product_banner .prodh .ibox .con_le{padding-left: 50px;} */

    .product_banner .prodh .ibox .con_le a{margin-right: 45px;}



}
@media screen  and (max-width:1500px){
    .product_banner .prodh .ibox .con_le a{margin-right: 40px;}
}



@media screen and (max-width:1400px) {


    .product_banner .prodh .ibox .con_le a{margin-right: 40px;}

    .about5 .con3 .swiper-container{transform: translateX(0);}

    .about6 .con .con_re .re2{padding-left: 60px;}

    .about6 .con .con_re .re1 .rs{left: 60px;}

    .about6 .con .con_re .re2 .li{margin-bottom: 10px;}

    .about6 .con .con_re .re2 .li .l2{line-height: 18px;}

    .about6 .con .con_re .re2 .li .l1{margin-bottom: 5px;}

    .about6 .con .con_re .re1 .r{width: 80px;height: 80px;margin-right: 20px;}

    .about6 .con .con_le .le3 .ul .li{margin-bottom: 30px;}

    .about2 .con2 .con_le .ss .sc{width: 470px;}

    .product1{padding-left: 5.5%;}


}




@media screen and (max-width:1300px) {
    .product1 {padding-left: 3%;}
}


@media screen and (max-width:1025px) {
    .p_120_90{padding: 40px 0;}

    .p_120_200{padding: 40px 0 60px;}

    .pt_120{padding-top: 40px;}

    .pt_150{padding-top: 40px;}

    .p_120_80{padding: 40px 0;}

    .p_100_130{padding: 40px 0;}


    .zijj8{letter-spacing:5px;}

    .search2{padding-bottom: 40px;}

    .product_banner .prodh{display: none;}

    .about1 .con1{margin-bottom: 30px;}

    .about1 .con1 .c2{padding: 0 5%;line-height: 30px;}

    .about1 .con2{overflow-y: auto;max-height: 210px;padding-right: 15px;}

    .about1 .con2::-webkit-scrollbar{ width:4px;height: 1px;}

    .about1 .con2::-webkit-scrollbar-thumb{ background:#074594;}

    .about1 .con2::-webkit-scrollbar-track{ background:#07459450;}

    .about1 .con3 .swiper-container{padding-bottom: 30px;}

    .about2 .con2 .con_le{display: none;}

    .about2 .con2 .con_re{position: relative;top: 0;height: auto;width: 100%;}

    .about2 .con2 .con_re .ss .s4{font-size: 60px;bottom: 50px;}

    .about2 .con2 .con_re .ss .s4 span{font-size: 80px;margin: 0 20px;}

    .about2 .con2 .con_re .ss{padding: 60px 20px 120px;}

    .about2 .con1{margin-bottom: 30px;}

    .about2 .in2_sp{bottom: 30px !important;}

    .about2 .in2_sp span{background: #fff;}

    .about3{background: url(../images/ab3.jpg) center no-repeat ;background-size: cover;}

    .about3 .con2 br{display: none;}

    .about3 .con1{margin-bottom: 30px;}

    .about3 .con2{margin-bottom: 30px;}

    .about3 .con3 .swiper-container{padding-bottom: 30px;}

    .about3 .con3 .in2_sp span{background: #fff;}

    .about4 .con1{margin-bottom: 30px;}

    .about4 .con2{flex-wrap: wrap;padding-left: 0;}

    .about4 .con2 .con_le{width: 100%;}

    .about4 .con2 .con_re{width: 100%;}

    .about4 .con2 .con_re .re{position: relative;overflow: auto;padding:  20px;}

    .about4 .con2 .con_re .ul{overflow: hidden;overflow-x: auto; display: flex;height:auto;width:  100%;padding-right: 0;padding-bottom: 10px;}

    .about4 .con2 .con_re .ul .li{width: 200px;margin-right: 20px;margin-bottom: 0;height: auto;overflow:unset;}

    .about4 .con2 .con_re .ul .li img{width: 200px;max-width: none;}

    .about4 .con2 .con_re .ul .li:hover img{}

    .about4 .con2 .con_re .ul .li:last-child{margin-right: 0;}

    .about4 .con2 .con_le .txt{position: static;transform: translate(0);width: 100%;height: 50px;white-space: nowrap;}

    .about4 .con2 .con_le .txt br{display: none;}

    .about5 .con2 .con_le{padding-right: 20px;}

    .about5 .con2 .con_re{padding-left: 20px;}

    .about5 .con2{margin: 30px 0;}

    .about5 .con3 {padding: 0 5%;height: auto;}

    .about5 .con3 .swiper-slide .img img:last-child{bottom: 0;}

    .about5{background-size: cover;}

    .about5 .con3 .swiper-container{padding-top: 0;position: relative;}

    .about6{padding-top: 40px;}

    .about6 .con{position: relative;}

    .about6 .con1{display: none;}

    .about6 .con .con_re .re2{background: #074594;padding: 30px 20px;}

    .about6 .con .cs{flex-wrap: wrap;}

    .about6 .con .con_le{width: 100%;padding-right: 0;margin-bottom: 30px;}

    .about6 .con .con_re{width: 100%;}

    .about6 .con .con_le .le3 .ul .li .ll{width: 70px;margin-right: 20px;}

    .about6 .con .con_le .le3 .ul .li .lr{width: calc(100% - 30px);}

    .about6 .con .con_re .re1{height: auto;}

    .about6 .con .con_re .re1 .rs{left: 0;width: 100%;justify-content: space-between;padding:0 20px;bottom: 20px;}

    .about6 .con .con_re .re1 .r{width: 60px;height: 60px;margin-right: 0px;}

    .about6 .con .con_le .le2{margin: 20px 0 30px;}

    .about7 .con2 .c{padding: 0;}

    .about7 .con2 .c br{display: none;}

    .about7 .con2 .ts{position: relative;right: 0;margin-top: 20px;}

    .about7 .con2{margin: 30px 0;}

    .about7 .con3 .txt .ts .s1 .p{width: 45px;}

    .join1 .con2 .swiper-container{padding-bottom: 30px;}

    .join1 .con2 .ss .s1{width: 120px;height: 120px;}

    .join1 .con1 .c1{margin-bottom: 20px;}

    .join1 .con1{margin-bottom: 30px;}

    .join2 .con2 .c2,.join2 .con2 .c3,.join2 .con2 .c4{display: none;}

    .join2 .con2 .c1{position: static;transform: translateY(0);top: 0;margin: 0 auto;}

    .join2 .con2{width: 100%;}

    .join2 .con1 .c1{margin-bottom: 20px;}

    .join2 .con1{margin-bottom: 40px;}

    .join2 .con2 .c1 .dou{font-size: 160px;top: -40px;}

    .join3 .con2 .cs .ss{padding:  20px;}

    .join3 .con2 .cs .swiper-container{padding-bottom: 30px;}

    .join3 .con1 .c1{margin-bottom: 20px;}

    .join3 .con1{margin-bottom: 30px;}

    .join3 .con3{margin-top: 50px;}

    .join3 .con3 .ss .s4{padding-top: 30px;padding-bottom: 30px;flex-wrap: wrap;}

    .join3 .con3 .ss .s4 .sl{width: 100%;padding-right: 0;margin-bottom: 20px;}

    .join3 .con3 .ss .s4 .sl:last-child{margin-bottom: 0;}

    .join4 .jo4_con .ul{padding: 0 30px;}

    .join4{padding-bottom: 40px;}

    .partner1 .txt .con1{margin-bottom: 30px;}

    .partner1 .txt .con1 .c1{margin-bottom: 20px;}

    .product1 .con2 .txt .ts .t1 img{width: 50px;}

    .product2 .con1 .c3{margin: 30px 0;}

    .search2 .li a{padding: 30px 0 30px;}

    .search2 .li a .a2{margin: 20px 0 10px;}


    .search .con1{padding-bottom: 30px;}


    .ser_pro{padding: 40px 0;}





















}




@media screen and (max-width:800px) {
    .about2 .con2 .con_re .ss{flex-wrap: wrap;}

    .about2 .con2 .con_re .ss .sl{width: 100%;margin-bottom: 20px;}

    .about2 .con2 .con_re .ss .sr{width: 100%;}

    .about2 .con2 .con_re .ss .s4{font-size: 50px;bottom: 55px;}

    .about2 .con2 .con_re .ss .s4 span{font-size: 50px;margin: 0 10px;}

    .about7 .con3 .txt .ts .s1 p{width: 33px;}

    .about7 .con3 .txt .ts .s1 p span{font-size: 12px;}

    .about7 .con3 .ul .li .l1{font-size: 12px;width: 40px;}

    .about7 .con3 .ul .li .l2{width: calc(100% - 50px);}

    .about7 .con3 .txt{width: calc(100% - 50px);height: calc(100% - 35px);}

    .about7 .con3 .txt .ts .s1 .p span{font-size: 12px;transform: scale(0.5) translateX(-40%);display: inline-block;color: #074594;position: relative;z-index: 2;width: 100%;text-align: center;}

    .about7 .con3 .txt .ts .s1 .p{width: 20px;margin-right: 5px;}

    .about7 .con3 .txt .ts .s2{bottom: -30px;}

    .about7 .con3 .ul .li{height: 30px;}

    .join2 .con2 .c1{width: 90%;height: 450px;}

    .join2 .con2 .c1 .txt .t3{line-height: 45px;}

    .join4 .jo4_con .ul{flex-wrap: wrap;height: auto;padding: 30px 20px;}

    .join4 .jo4_con .ul .li{width: 100%;text-align: center;margin-bottom: 20px;}

    .join4 .jo4_con .ul .li:last-child{margin-bottom: 0;}

    .join4 .jo4_con .ul .li2{display: none;}

    .join4 .jo4_con .con{line-height: 20px;}

    .partner1 .txt .con2 .ul .li{width: 47.5%;margin-right: 5%;margin-bottom: 20px;}

    .partner1 .txt .con2 .ul .li:nth-child(2n){margin-right: 0;}

    .partner1 .txt .con2 .ul .li:nth-child(4n){margin-right: auto;}

    .product1{margin-top: 30px;}

    .product1 .con1{display: none;}

    .product1{padding-left: 5%;}

    .product1 .con2 .swiper-container{padding-bottom: 30px;}

    .product2 .con2 .ul{justify-content: space-between;}

    .product2 .con2 .ul .li{width: 49%;margin-right: 0;}

    .serr_ban{height: 50px;}


    .serr_ban .ser_con .con_re{width: 100px;}

    .serr_ban .ser_con .con_le{width: calc(100% - 100px);padding-left: 20px;}

    .serr_ban .ser_con .con_re .i{margin-right: 10px;}

    .serr_ban .ser_con .con_le .le2{width: calc(100% - 75px);}







}


































































































